<template>
    <div class="mod-home">
        <el-row style="height: 30%">
            <table-grid
                :button-list="buttonList"
                :tableColumn="mbTableColumn"
                :tableData="mbTableData"
                style="height: 100%"
                tableTitle="项目基本信息"
            ></table-grid>
        </el-row>
        <el-row gutter="20" style="height: 40%">
            <el-col span="12" style="height: 100%">
                <table-grid :button-list="buttonList"
                            :tableColumn="csTableColumn"
                            :tableData="mbTableData"
                            style="height: 100%"
                            tableTitle="关键结果信息"
                ></table-grid>
            </el-col>
            <el-col span="12" style="height: 100%">
                <table-grid :button-list="buttonList"
                            :tableColumn="sxfaTableColumn"
                            :tableData="mbTableData"
                            style="height: 100%"
                            tableTitle="维护注意事项"
                ></table-grid>
            </el-col>
        </el-row>
        <el-row style="height: 30%">
            <table-grid
                :button-list="buttonList"
                :tableColumn="ryTableColumn"
                :tableData="ryTableData"
                tableTitle="维护人员信息"
            ></table-grid>
        </el-row>
        <project ref="projectRef"></project>
    </div>
</template>

<script>
import customer from '@/views/modules/manage/project/project.vue'

export default {
	components: {
		customer
	},
	data () {
		return {
			buttonList: [
				{name: '新增', code: 'add', type: 'primary'}
			],
			mbTableColumn: [
				{type: 'seq', width: 60},
				{field: 'projectType', title: '项目类型'},
				{field: 'projectDesc', title: '项目描述'},
				{field: 'projectMade', title: '制定人'},
				{field: 'startDate', title: '开始日期'},
				{field: 'endDate', title: '结束日期'},
				{field: 'projectAmt', title: '项目目标'},
				{field: 'projectAmt', title: '项目金额'},
				{field: 'khWay', title: '考核方式'}
			],
			csTableColumn: [
				{type: 'seq', width: 60},
				{field: 'startDate', title: '开始时间'},
				{field: 'wayDesc', title: '措施描述'},
				{field: 'wayMadeMan', title: '制定人'},
				{field: 'startDate', title: '开始日期'},
				{field: 'endDate', title: '结束日期'}
			],
			ryTableColumn: [
				{type: 'seq', width: 60},
				{field: 'no', title: '人员编号'},
				{field: 'person', title: '人员名称'},
				{field: 'dept', title: '所属部门'},
				{field: 'startDate', title: '开始日期'},
				{field: 'endDate', title: '结束日期'}
			],
			zssxTableColumn: [
				{type: 'seq', width: 60},
				{field: 'xh', title: '序号'},
				{field: 'sxDesc', title: '事项描述'}
			],
			sxfaTableColumn: [
				{type: 'seq', width: 60},
				{field: 'xh', title: '序号'},
				{field: 'desc', title: '方案描述'},
				{field: 'amt', title: '方案金额'}
			],
			mbTableData: [
				{
					type: '目标类型01',
					person: '张三',
					createDate: '2025-02-28',
					startDate: '2025-02-28',
					endDate: '2025-03-28',
				},
				{
					type: '目标类型02',
					person: '张三',
					createDate: '2025-02-28',
					startDate: '2025-02-28',
					endDate: '2025-03-28',
				}
			],
			ryTableData: [
				{
					type: '目标类型01',
					person: '张三',
					createDate: '2025-02-28',
					startDate: '2025-02-28',
					endDate: '2025-03-28',
				},
				{
					type: '目标类型02',
					person: '张三',
					createDate: '2025-02-28',
					startDate: '2025-02-28',
					endDate: '2025-03-28',
				}
			],

		}
	},
	mounted () {

	},
	methods: {
		oprClick () {
			this.$refs.customerRef.init()
		}
	}
}
</script>

<style lang="scss" scoped>


</style>
